@charset "UTF-8";

@mixin clearfix() {
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
}

@mixin abs ($way, $top: auto,$right: auto,$bottom: auto,$left: auto){
    position: #{$way};
    top: $top;
    right: $right;
    bottom: $bottom;
    left: $left;
}

@mixin bgImgC($url){
    background-image: url(#{$url});
    background-position: center center;
    background-size: cover;
}

@mixin hengz($num){
    -webkit-transform: translateX($num);
    transform: translateX($num);
}

@mixin zhongz($num){
    -webkit-transform: translateY($num);
    transform: translateY($num);
}

@mixin delay($num){
    -webkit-transition-delay: ($num);
    transition-delay: ($num);
}

%box-center{
    margin: 0 auto;
}
%ani{
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
%center{
    text-align: center;
}
%yuan{
    border-radius: 50%;
}
%hidden{
    overflow: hidden;
}
%a100{
    width: 100%;
    height: 100%;
}
